          *{

                 margin:0px;
                 padding:0px;
                  }
            .divcss{
                font-family:"å¾®è½¯é›…é»‘";
            } 
           .construction{
        box-shadow: 0px 4px 4px #888888;
              background-color: #F0F0F0;
              width:30%;
              height:43%;
              border:1px solid #CECBCB;
              margin:0px auto;
              border-radius:5px;
              left:20%;
              top:10%;
              position:absolute;    
        display:none;   
        font-family:"å¾®è½¯é›…é»‘";
        overflow-y:auto;
              }
        .construction2{
        box-shadow: 0px 4px 4px #888888;
        background-color: #F0F0F0;
        width:35%;
        height:45%;
        border:1px solid #CECBCB;
        margin:0px auto;
        border-radius:5px;
        left:25%;
        top:15%;
        position:absolute;  
        display:none;
        overflow-y:auto;
        }

     .sgdlhf{
        width:100%;
        height:70%;
        border:none;
        outline: none;
        text-align: left;
        font-size: 13px;
        font-family: 'å¾®è½¯é›…é»‘';
     }
      .sghfhf{
        box-shadow: 0px 4px 4px #888888;
        background-color: #F0F0F0;
        width:35%;
        height:15%;
        border:1px solid #CECBCB;
        border-radius:5px;
        left:25%;
        top:58%;
        position:absolute; 
        display:none;
      }
      .sghffb{
        box-shadow: 0px 4px 4px #888888;
         position:absolute;
         right:0%;
      }

        .sghfxx{
          display:none;
        box-shadow: 0px 4px 4px #888888;
        background-color: #F0F0F0;
        width:27%;
        height:43%;
        border:1px solid #CECBCB;
        margin:0px auto;
        border-radius:5px;
        left:60.1%;
        top:15%;
        overflow-y:auto;
        position:absolute; 
        }
       .sghfck{
          width:96%;
          height:60px;
          left:2%;
          position:relative;
       }
     .sghr2{
  position:absolute;
  top:96%;
  left:1%;
  width:98%;
  height:2px;
  background:#BEBDBD;
}
.sghfnm{
   position:absolute;
  top:5%;
  left:2%;
  font-family: 'å¾®è½¯é›…é»‘';
  font-size: 13px;
}
.sghfsj{
  position:absolute;
  top:66%;
  left:66%;
  font-size: 13px;
}
.sghfnr{
  position:absolute;
  top:30%;
  left:5%;
  font-family: 'å¾®è½¯é›…é»‘';
  font-size: 13px;
  height:60%;
  overflow-y:auto;
}

        .sgtop{
               text-align:center;
             font-size: 18px;
               font-weight:bold;
               border-bottom:2px solid #CECBCB;
           position:absolute;
           width:100%;
           height:11%;
           line-height: 1.6;
           background-color: #E5E5E5;
              }
    .sgxxck{
               width:20%;
               height:7%;
               top:15%;
               left:75%;
               position:absolute;  
               border:1px solid #CECBCB;           
               font-family: 'å¾®è½¯é›…é»‘';
              font-size: 12px;
              color:#365C88;
              text-align: center;
              background-color: #E5E5E5;
           
        }
               .closesg{
                 width:20px;
                 height:20px;
                 left:90%;
                 top:0%;
                 position:absolute;             
              }
        .closesg2{
           width:24px;
               height:24px;
               left:90%;
               top:0%;
               position:absolute;             
        }
                .sglocat{
                 width:23px;
                 height:23px;
                 top:13%;
                 left:2%;
                 position:absolute;  
              }
                /*ä½ç½®*/
              .sgloctext{
                 top:14%;
                 left:9%;
              }
              .bigtextsg{
               color:#365C88;
               font-size:15px;
               position:absolute;
               text-align:center;
               font-weight:bold;
              } 
              .midtextsg{
               color:#365C88;
               font-size:13px;
               text-align:center;
               font-weight:bold; 
               position:absolute;
            } 
              .normaltextsg{  
               font-family:"å¾®è½¯é›…é»‘";              
               font-size:12px;
               text-align:center;
               position:absolute;
              } 
            .sg-road-name{
              left:2%;
              top:23%;
            }
            .road-name-value{
                left:19%;
                top:23%;
            }
            .road-direction{
                left:58%;
                top:23%;
            }
             .road-direction-value{
                left:75%;
                top:23%;
            }
            .road-start{
              left:2%;
              top:31%;
            }
             .road-start-value{
              left:19%;
              top:31%;
            }
            .road-stop{
              left:58%;
              top:31%;
            }
             .road-stop-value{
              left:75%;
              top:31%;
            }
            .sgtime{
               width:23px;
                 height:23px;
                 top:39%;
                 left:2%;
                 position:absolute; 
            }
            .time-text{
                top:40%;
                left:9%;
            }
            .time-start{
                top:49.5%;
                left:2%;
            }
            .time-start-value{
                top:49.5%;
                left:19%;
            }
            .time-stop{
                top:49.5%;
                left:50.2%;
            }
             .time-stop-value{
                top:49.5%;
                left:71%;
            }
            .matter{
                 width:23px;
                 height:23px;
                 top:58%;
                 left:2%;
                 position:absolute; 
            }
            .matter-text{
                 top:59%;
                 left:9%;
            }
            .construct-matter{
                 top:69%;
                 left:2%;
            }
            .construct-matter-value{
                top:69%;
                 left:19%;
               text-align: left;
            }
            .sgdjwz{
               top:69%;
               left:19%;
               width:81%;
               height:13%;
               border:none;
               background:#F0F0F0;
               text-align:left; 
            }
            .take-road{
                 top:82%;
                 left:2%;
            }
            .take-road-value{
                 top:82%;
                 left:19%;
            }
            .check-time{
                 top:82%;
                 left:54%;
            }
            .check-time-value{
                 top:82%;
                 left:71%;
            }
            .xgry{
               top:91%;
               left:19%; 
            }
            .xgrytext{
               top:91%;
               left:2%; 
            }

          